<script setup>

import {
  Setting,
  OfficeBuilding,
  Apple,
  User,
  Goods,
} from "@element-plus/icons-vue";
</script>

<template>
<div>
  <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      router
  >
    <el-sub-menu index="1">
      <template #title>
        <el-icon><Apple /></el-icon>
        <span>产品管理</span>
      </template>
      <el-menu-item index="1-1">产品管理</el-menu-item>
      <el-menu-item index="1-2">分类管理</el-menu-item>
      <el-menu-item index="1-3">分组管理</el-menu-item>
      <el-menu-item index="1-4">评论管理</el-menu-item>
      <el-menu-item index="1-5">规格管理</el-menu-item>
    </el-sub-menu>

    <el-sub-menu index="2">
      <template #title>
        <el-icon><OfficeBuilding /></el-icon>
        <span>门店管理</span>
      </template>
      <el-menu-item index="2-1">自提点管理</el-menu-item>
      <el-menu-item index="2-2">运费模板</el-menu-item>
      <el-menu-item index="2-3">轮播图管理</el-menu-item>
      <el-menu-item index="2-4">热搜管理</el-menu-item>
      <el-menu-item index="2-5">公告管理</el-menu-item>
    </el-sub-menu>

    <el-sub-menu index="3">
      <template #title>
        <el-icon><User /></el-icon>
        <span>会员管理</span>
      </template>
      <el-menu-item index="3-1">会员管理</el-menu-item>
    </el-sub-menu>

    <el-sub-menu index="4">
      <template #title>
        <el-icon><Goods /></el-icon>
        <span>订单管理</span>
      </template>
      <el-menu-item index="4-1">订单管理</el-menu-item>
    </el-sub-menu>

    <el-sub-menu index="5">
      <template #title>
        <el-icon><Setting /></el-icon>
        <span>系统管理</span>
      </template>
      <el-menu-item index="5-1">地址管理</el-menu-item>
      <el-menu-item index="5-2">管理员列表</el-menu-item>
      <el-menu-item index="5-3">角色管理</el-menu-item>
      <el-menu-item index="/sys/table">菜单管理</el-menu-item>
      <el-menu-item index="5-5">参数管理</el-menu-item>
      <el-menu-item index="/11">系统日志</el-menu-item>
    </el-sub-menu>


  </el-menu>
</div>
</template>

<style scoped>

</style>